#3455E3

Color Details

HEX
#3455E3
RGB
rgb(52, 85, 227)
HSL
hsl(229, 76%, 55%)
CMYK
cmyk(77%, 63%, 0%, 11%)
Best text on this color #FFFFFF (CR 5.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3455e3
Contrast 3.55:1 Fail
White on #3455e3
Contrast 5.91:1 AA
#3455e3 on Black
Contrast 3.55:1 Fail
#3455e3 on White
Contrast 5.91:1 AA

Tints & Shades

#5d77e9
#8599ee
#aebbf4
#2a44b6
#1f3388
#15225b

Complement & Analogous

#e3c335
#6c35e3
#35ace3

Triadic

#e33555
#55e335

Monochrome

#15225b #1f3388 #3455e3 #8599ee #aebbf4 #d6ddf9

Analogous

#35ace3 #72c5eb #3455e3 #895de9 #6c35e3 #562ab6

Complementary Mix

#1f3388 #3455e3 #8599ee #e3c335 #edd87c #947f22

Nearby Colors

#3455e2
#3455e4
#3455d3
#3455f3

Embed #3455E3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #3455E3

#3455E3 converts to RGB(52, 85, 227) and HSL(229, 76%, 55%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#3455E3 FAQs

What is the RGB value of #3455E3?
RGB: 52, 85, 227. Copy as CSS: rgb(52, 85, 227)
Is #3455E3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3455E3?
Complement: #e3c335.
Does #3455E3 have good contrast on white or black?
On white: 5.91:1 (AA (normal text)). On black: 3.55:1 (AA (large text)).